1 files changed, 14 insertions, 3 deletions
diff --git a/src/pages/my/invoice/[id].jsx b/src/pages/my/invoice/[id].jsx
index 4938d8f8..740819cc 100644
--- a/src/pages/my/invoice/[id].jsx
+++ b/src/pages/my/invoice/[id].jsx
@@ -1,4 +1,7 @@
 import AppLayout from '@/core/components/layouts/AppLayout'
+import BasicLayout from '@/core/components/layouts/BasicLayout'
+import DesktopView from '@/core/components/views/DesktopView'
+import MobileView from '@/core/components/views/MobileView'
 import IsAuth from '@/lib/auth/components/IsAuth'
 import InvoiceComponent from '@/lib/invoice/components/Invoice'
 import { useRouter } from 'next/router'
@@ -8,9 +11,17 @@ export default function Invoice() {
 
   return (
     <IsAuth>
-      <AppLayout title='Invoice & Faktur Pajak'>
-        <InvoiceComponent id={router.query.id} />
-      </AppLayout>
+      <MobileView>
+        <AppLayout title='Invoice & Faktur Pajak'>
+          <InvoiceComponent id={router.query.id} />
+        </AppLayout>
+      </MobileView>
+
+      <DesktopView>
+        <BasicLayout>
+          <InvoiceComponent id={router.query.id} />
+        </BasicLayout>
+      </DesktopView>
     </IsAuth>
   )
 }